.cate-wrapper{
  padding-bottom: 97/75rem;
  background-color: #fff;
  .loading{
    display: block;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 2rem;
    height: 2rem;
    margin-top: -1rem;
    margin-left: -1rem;
  }
}

.cate-tab{
  display: flex;
  height: 1.2rem;
  z-index: 510;
  background-color: #fff;
  .item{
    flex: 1;
    text-align: center;
    span{
      display: inline-block;
      height: 1.2rem;
      line-height: 1.2rem;
      font-size: 30/75rem;
      color: #858585;
      &.active{
        border-bottom:4/75rem solid #ff9d30 ;
      }
    }
  }
}
.cate-item{
  display: block;
  color: #656567;
  margin-bottom: 32/75rem;
  line-height: 2;
  text-align: center;
  .p-pic{
    height: 6.774rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #f0f0f0;
  }
  .p-name{
    padding: 0 .316rem;
    font-size: 1.3em;
  }
  .p-subname{
    padding: 0 .316rem;
    color: #b8bbbf;
    font-size: 1.2em;
    line-height: 1;
  }
  .p-price{
    padding: 0 .316rem;
    font-size: 1.3em;
    color: #f5ad36;
  }
}
.cate-complete{
  text-align: center;
  padding-bottom: 10/75rem;
  img{
    width: 190/75rem;
  }
}
.cate-loading{
  text-align: center;
  padding: 10/75rem 0;
  img{
    width: 65/75rem;
    height: 65/75rem;
  }
}
.cate-loadmore{
  text-align: center;
}
.loadmore-btn{
  width: 390/75rem;
  line-height: 2.8;
  font-size: 30/75rem;
  margin-bottom: 20/75rem;
  background-color: #ffb230;
  border-radius: 10/75rem;
  color: #fff;
  &:active{
    background-color: lighten(#ffb230,10%);
  }
}
.fade-enter-active, .fade-leave-active {
  transition: opacity .4s
}
.fade-enter, .fade-leave-active {
  opacity: 0
}
